<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>管理平台</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
	<link href="${s.base}/dark/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="${s.base}/dark/css/core.css" rel="stylesheet" type="text/css">
	<link href="${s.base}/dark/css/icons.css" rel="stylesheet" type="text/css">
	<link href="${s.base}/dark/css/menu.css" rel="stylesheet" type="text/css">

	<style type="text/css">
		.content-page{
			position: absolute;
			left: 0px;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 998;
			width: auto;
		}
	</style>
</head>


<body class="fixed-left">

<div id="wrapper">
	<div class="topbar">
		<div class="topbar-left">
			<div class="text-center">
				<a href="javascript:void(0)" class="logo"><i class="md md-terrain"></i> <span>管理后台</span></a>
			</div>
		</div>
		<div class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="">
					<div class="pull-left">
						<button class="button-menu-mobile open-left">
							<i class="fa fa-bars"></i>
						</button>
						<span class="clearfix"></span>
					</div>
					<form class="navbar-form pull-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control search-bar" readonly placeholder="">
						</div>
						<button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
					</form>

					<ul class="nav navbar-nav navbar-right pull-right">
						<li class="dropdown hidden-xs">
							<a href="#" data-target="#" class="dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="true">
								<i class="md md-notifications"></i> <span class="badge badge-xs badge-danger">0</span>
							</a>
							<ul class="dropdown-menu dropdown-menu-lg">
								<li class="text-center notifi-title">通知</li>
								<li class="list-group">
									<!-- list item-->
									<!--<a href="javascript:void(0);" class="list-group-item">
										<div class="media">
											<div class="pull-left">
												<em class="fa fa-user-plus fa-2x text-info"></em>
											</div>
											<div class="media-body clearfix">
												<div class="media-heading">New user registered</div>
												<p class="m-0">
													<small>You have 10 unread messages</small>
												</p>
											</div>
										</div>
									</a>
									&lt;!&ndash; list item&ndash;&gt;
									<a href="javascript:void(0);" class="list-group-item">
										<div class="media">
											<div class="pull-left">
												<em class="fa fa-diamond fa-2x text-primary"></em>
											</div>
											<div class="media-body clearfix">
												<div class="media-heading">New settings</div>
												<p class="m-0">
													<small>There are new settings available</small>
												</p>
											</div>
										</div>
									</a>
									&lt;!&ndash; list item&ndash;&gt;
									<a href="javascript:void(0);" class="list-group-item">
										<div class="media">
											<div class="pull-left">
												<em class="fa fa-bell-o fa-2x text-danger"></em>
											</div>
											<div class="media-body clearfix">
												<div class="media-heading">Updates</div>
												<p class="m-0">
													<small>There are
														<span class="text-primary">2</span> new updates available</small>
												</p>
											</div>
										</div>
									</a>-->
									<!-- last list item -->
									<a href="javascript:void(0);" class="list-group-item">
										<small>暂无消息</small>
									</a>
								</li>
							</ul>
						</li>
						<li class="hidden-xs">
							<a href="#" id="btn-fullscreen" class="waves-effect"><i class="md md-crop-free"></i></a>
						</li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropdown-toggle profile" data-toggle="dropdown" aria-expanded="true">${currentUser.userName}&nbsp;&nbsp;<img src="${(currentUser.userLogo)!'image/avatar_default.jpg'}" class="img-circle"> </a>
							<ul class="dropdown-menu">
								<li><a href="${s.base}/sysUser/myNews" target="iframe"> 余额:${currentUser.money}元</a></li>
								<li><a href="${s.base}/sysUser/myNews" target="iframe"> 个人中心</a></li>
								<li><a href="javascript:void(0)" id="exit">退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="left side-menu" style=" padding-top: 0px;">
		<div class="sidebar-inner slimscrollleft">
			<!--<div class="user-details">
				<div class="pull-left">
					<img src="${currentUser.userLogo!'${s.base}/image/avatar_default.jpg'}" alt="" class="thumb-md img-circle">
				</div>
				<div class="user-info">
					<div class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">${currentUser.userName} <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="${s.base}/sysUser/myNews" target="iframe">个人中心<div class="ripple-wrapper"></div></a></li>
						</ul>
					</div>
					<p class="text-muted m-0"></p>
				</div>
			</div>-->
			<!--- Divider -->
			<div id="sidebar-menu">
				<ul>
					<#list reslutRoleMenu as reslutRole>
						<#if reslutRole.menuType == '1'>
							<li class="has_sub">

								<a href="javascript:void(0);" class="waves-effect waves-light <#if reslutRole.id == currentRoleMenu.id>active</#if>">
									<i class="md ${reslutRole.menuIcon}"></i><span>${reslutRole.menuName}</span>
									<span class="pull-right"><i class="md md-add"></i></span>
								</a>
								<ul>
									<#list reslutRole.childList as reslutchildRole>
										<#if reslutchildRole.menuType == '1'>
											<li class="has_sub">
												<a href="javascript:void(0);" class="waves-effect waves-light"><span>${reslutchildRole.menuName}</span> <span class="pull-right"><i class="md md-add"></i></span></a>
												<ul style="">
													<#list reslutchildRole.childList as reslutchildTwoRole>
													<li><a href="${reslutchildTwoRole.menuUrl}" data-name="${reslutRole.menuName},${reslutchildRole.menuName},${reslutchildTwoRole.menuName}" class="clickUrl" target="iframe" ><span>${reslutchildTwoRole.menuName}</span></a></li>
													</#list>

												</ul>
											</li>
											<#else>
												<li>
													<a target="iframe" class="clickUrl" data-name="${reslutRole.menuName},${reslutchildRole.menuName}"  href="${reslutchildRole.menuUrl}"><span>${reslutchildRole.menuName}</span></a>
												</li>
										</#if>

									</#list>
								</ul>
							</li>
						<#else>
							<li>
								<a href="${reslutRole.menuUrl}" target="iframe" data-name="${reslutRole.menuName}" class="clickUrl waves-effect waves-light <#if reslutRole.id == currentRoleMenu.id>active</#if>"><i class="md md-home"></i><span>${reslutRole.menuName}</span></a>
							</li>
						</#if>
					</#list>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

	<div class="content-page">
		<div class="content">
			<div class="container">
				<!-- Page-Title -->
				<div class="row" style="margin-bottom: 10px;">
					<div class="col-sm-12">
						<h4 class="pull-left page-title" id="showTitle" style="margin: 0px 0px 0px 10px;">首页</h4>
						<ol class="breadcrumb pull-right" id="showContent"  style="margin-right:20px; padding: 0px;">

						</ol>
					</div>
				</div>
				<div class="row" >
					<div class="col-md-12"  id="showIframe" style="width: 100%; position: absolute;">
						<iframe name="iframe" scrolling="auto" style="height:100%; width: 100%; border: none;" framborder="0"  src="${url!'main'}"></iframe>
					</div>
				</div>
			</div>
		</div>
	</div>


</div>



<script>
    var resizefunc = [];
</script>

<!-- jQuery  -->
<script src="${s.base}/dark/js/jquery.min.js"></script>
<script src="${s.base}/dark/js/bootstrap.min.js"></script>
<script src="${s.base}/dark/js/detect.js"></script>
<script src="${s.base}/dark/js/fastclick.js"></script>
<script src="${s.base}/dark/js/jquery.slimscroll.js"></script>
<script src="${s.base}/dark/js/jquery.scrollTo.min.js"></script>
<script src="${s.base}/dark/js/jquery.app.js"></script>

<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script type="text/javascript" src="${s.base}/js/base/index.js"></script>
<script type="text/javascript" src="${s.base}/js/base/cache.js"></script>
<script type="text/javascript" src="${s.base}/js/base/base.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	    $("#showIframe").attr("style","height:"+($(window).height()*1-160)+"px")
		$(".clickUrl").bind("click",function () {
			$("#showTitle").html($(this).find("span").html());
			var name=$(this).attr("data-name");
			var list=name.split(",");
			var str="";
			for(var i=1;i<=list.length;i++){
			    if(i==list.length){
                    str+='<li class="active">'+list[(i*1-1)]+'</li>';
				}else{
                    str+='<li><a href="javascript:void(0)">'+list[(i*1-1)]+'</a></li>';
				}
			}
			$("#showContent").html(str);
        });

	    $("#exit").bind("click",function () {
            $.post("/webExit","",function(result){
                //刷新父页面
                parent.location.reload();
            },"json");
        })

	});
</script>

</body>
</html>